<template>
		<div class="banner-area f-row-around m-t-12">
			<div class="flex-1 m-r-4">
				<div class="flex-1"><img src="../../assets/img/banner1.jpg"/></div>
				<div class="flex-1 m-t-8"><img src="../../assets/img/banner2.jpg"/></div>
			</div>
			<div class="flex-1 m-l-4">
				<div class="flex-1"><img src="../../assets/img/banner3.jpg"/></div>
				<div class="flex-1  m-t-8"><img src="../../assets/img/banner4.jpg"/></div>
			</div>
		</div>
</template>

<script>
</script>
	
<style scoped>
	.banner-area img{
		width: 100%;
		height:100%;
		border-radius: 8px;
	}
	.banner-area>div:first-child>div:first-child, .banner-area>div:nth-child(2)>div:last-child{
		height: 220px;
	}
	.banner-area>div:first-child>div:last-child, .banner-area>div:nth-child(2)>div:first-child{
		height: 170px;
	}
</style>
